<template>
  <div
    class="linechart02"
    ref="LineChart02"
    :style="{ width: '100%', height: '300px' }"
  />
  <!-- 固定格式 -->
</template>

<script>
import * as echarts from 'echarts' // 固定格式
import line02 from './options/line02.js'

export default {
  data() {
    return {}
  },
  // 渲染 DOM 用 mounted
  mounted() {
    // 输出函数 initLine02()
    this.initLine02()
  },
  methods: {
    // 有函数 initLine02() 就要输出
    initLine02() {
      // 基于准备好的 DOM，初始化 echarts 实例
      const myChart = echarts.init(this.$refs.LineChart02) // 固定格式

      // 绘制图表
      // myChart.setOption() - 括号里跟 option 对应，如果是引入 option 的话，需要跟引入的名称相对应
      myChart.setOption(line02) // 固定格式
    }
  }
}
</script>
